<template>
  <div class="wrap">
    <p class="title">{{title}}</p>
    <img src="../assets/images/椭圆2@2x.png" alt="">
    <p class="content">{{content}}</p>
  </div>
</template>
<style lang="less" scoped>
.wrap{
  text-align: center;
  padding-top: 3.13rem;
  .title{
    height:1.72rem;
    font-size:1.82rem;
    font-family:MicrosoftYaHei;
    font-weight:400;
    color:rgba(27,16,0,1);
    line-height:1.72rem;
  }
  img{
    margin-top: 0.73rem;
    width: 6.25rem;
    height: 1.15rem;
  }
  .content{
    margin: 0 auto;
    width: 29.9rem;
    font-size:0.78rem;
    font-family:MicrosoftYaHei;
    font-weight:400;
    color:rgba(125,125,125,1);
    line-height:1.56rem;
    margin-bottom: 1rem;
  }
}
</style>
<script>
export default {
  props: {
    title: {
      required: true
    },
    content: {
      required: false,
      default: ''
    }
  }
}
</script>
